﻿<phone:PhoneApplicationPage 
	xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
	xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
	xmlns:phone="clr-namespace:Microsoft.Phone.Controls;assembly=Microsoft.Phone"
	xmlns:controls="clr-namespace:Microsoft.Phone.Controls;assembly=Microsoft.Phone.Controls"
	xmlns:shell="clr-namespace:Microsoft.Phone.Shell;assembly=Microsoft.Phone"
	xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
	xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
	mc:Ignorable="d" d:DesignWidth="480" d:DesignHeight="800"
	x:Class="PhoneAppProject1.DefaultPage"
	SupportedOrientations="Portrait" Orientation="Portrait"
	shell:SystemTray.IsVisible="False" Loaded="PhoneApplicationPage_Loaded">
	<phone:PhoneApplicationPage.Resources>
		<DataTemplate x:Key="Listitem">
			<Grid Width="410" Height="150" Background="#00FDFDFD" Margin="10">
				<Border x:Name="ContentPanel_Copy" Margin="1,1,18,0" CornerRadius="10" BorderBrush="#FF0F12E4" BorderThickness="1" Background="#DCE2E2E2" />
				<Grid Margin="1,1,0,-2">
					<Grid.RowDefinitions>
						<RowDefinition Height="0.837*"/>
						<RowDefinition Height="0.163*"/>
					</Grid.RowDefinitions>
					<Grid.ColumnDefinitions>
						<ColumnDefinition Width="0.358*"/>
						<ColumnDefinition Width="0.642*"/>
					</Grid.ColumnDefinitions>
					<TextBlock x:Name="txtMessage" HorizontalAlignment="Left" TextWrapping="Wrap" Text="{Binding Message}" VerticalAlignment="Top" Grid.Column="1" Margin="8,8,0,0" Foreground="Black" Width="233" Height="108" FontSize="20" FontFamily="TH Sarabun New"/>
					<TextBlock x:Name="txtCreateDate" TextWrapping="Wrap" Text="{Binding CreateDate}" Grid.Column="1" Margin="8,-10,8,0" Grid.Row="1" FontSize="16" Foreground="Black"/>
					<Border BorderBrush="Black" BorderThickness="1" Margin="8,8,8,-9">
						<Image x:Name="imageURL" Margin="0,0,-2,-2" Stretch="Fill" Source="{Binding ImageURL}"/>
					</Border>
				</Grid>
			</Grid>
		</DataTemplate>
		<DataTemplate x:Key="Listitem2">
			<Grid Width="480" Height="150" Background="#00FDFDFD">
				<Image Source="bg_white.jpg" Margin="0" Width="480" Height="150" Stretch="Fill"/>
			</Grid>
		</DataTemplate>
	</phone:PhoneApplicationPage.Resources>

	<!--LayoutRoot contains the root grid where all other page content is placed-->
	<Grid x:Name="LayoutRoot">
		<controls:Panorama >
			<controls:Panorama.Title>
            <StackPanel Orientation="Horizontal" Margin="-14,67,0,0">
            	 <Image x:Name="icon" Source="sanook.com-logo.png" 
				 				      Height="58" 
									  Width="68" Margin="0,0,10,0" Stretch="Fill"/>
                <TextBlock Text="News - Games Top Hit"
				 FontFamily="Segoe WP Bold" FontSize="40" 
				 VerticalAlignment="Center"/>
            </StackPanel>
        </controls:Panorama.Title>
			<!--Panorama item one-->
			<controls:PanoramaItem Header="Games News" Margin="0,-6,0,17" Width="433" Height="741">
				<Border x:Name="ContentPanel_Copy" Margin="0,-25,-1,9" CornerRadius="10" BorderBrush="#FF0F12E4" BorderThickness="1" >
					<Border.Background>
						<ImageBrush Stretch="Fill" ImageSource="bg_white.png"/>
					</Border.Background>
					<Grid Margin="0,0,28,0">
						<Grid.RowDefinitions>
							<RowDefinition Height="0.929*"/>
							<RowDefinition Height="0.071*"/>
						</Grid.RowDefinitions>
						<ListBox x:Name="ListItem" ItemTemplate="{StaticResource Listitem}" Margin="0,0,-20,16" Grid.RowSpan="2" d:LayoutOverrides="Width, Height" SelectionChanged="ListItem_SelectionChanged" />
						<ProgressBar x:Name="myProgress" Margin="8,289,0,270" Background="#FF26A504"/>
					</Grid>
				</Border>
			</controls:PanoramaItem>

			<!--Panorama item two-->
			<controls:PanoramaItem Header="item2">
				<Grid/>
			</controls:PanoramaItem>
		</controls:Panorama>
	</Grid>
</phone:PhoneApplicationPage>